<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热词</title>
    <script src="../components/echarts-4.0.4.min.js"></script>
    <style>
        body,html{
            padding: 0;
            margin: 0;
            background:#0A0F23;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div style="width: 100%;height: 100%;" id="radar"></div>
</body>
<script>
    var radar = echarts.init(document.getElementById('radar'));

    var radaroption = {
            title: {
                text: '2017年全国政策解读量',
                left: 'center',
                top:"7%",
                textStyle: {
                    fontSize: 22,
                    color: '#fff'
                }
            },
            tooltip: {
                trigger: 'none',
                triggerOn:"none",
                show:false
            },
            grid: {
                left: '5%',
                right: '5%',
                bottom: '10%',
                top:"15%",
                containLabel: true
            },
            radar: {
                // splitNumber: 2,
                radius: "100",
                center:["50%","58%"],
                name: {
                    textBorderColor :"black",
                    textStyle: {
                        color: '#fff',
                        padding: [3, 5],
                        fontSize:16
                   }
                },
                splitArea: {
                    areaStyle: {
                        // color: [ '#96C5E3', '#7DB5DA', '#72ACD1']
                    }
                },
                splitLine: {
                    lineStyle: {
                        color: '#9df5bd'
                    }
                },
                indicator: [
                   { name: '部门'},
                   { name: '专家'},
                   { name: '媒体'},
                   { name: '机构'}
                ]
            },
            series: [{
                name: '2017全国政策解读量',
                type: 'radar',
                data : [
                    {
                        value : [55,18,65,3],
                        lineStyle: {
                            normal: {
                                color:"#D76662",
                        		fontSize:16
                            }
                        },
                        areaStyle: {
                            normal: {
                                color:"#D76662",
                        		fontSize:16
                            }
                        }
                    }
                ]
            }]
        }
        radar.setOption(radaroption);
</script>
</html>